<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="./css/column.css">
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>
    <nav class="poornav">
        <div class="header-left">
          <img src="./img/q-logo2.png" class="imgs" alt="">
          <ul class="q-nav">
            <li><a href="" class="nav-span">目的地</a></li>
            <li><a href="" class="nav-span">锦囊</a></li>
            <li class="list-layer list-sns"><a href="" class="nav-span">
                <span>社区</span>
                <i class="fa fa-angle-down"></i>
              </a>
              <!-- 社区tab切换 -->
              <div class="q-layer q-layer-nav q-layer-arrow arr">
                <ul>
                  <li class="nav-list-layer list-discuss"><a href="./forum.html">
                      <span>旅行论坛</span>
                      <div style="display:inline;"><i class="fa fa-angle-right fa-right"></i></div>
                    </a>
                    <div class="q-layer q-layer-section" style="display:none;">
                      <div class="q-layer">
                        <div class="section-title"><a href="//bbs.qyer.com" class="more"><span>全部版块</span>
                            <i class="fa fa-angle-right fa-right"></i></a><span>热门版块</span></div>
                        <dl class="section-item">
                          <dt>兴趣小组</dt>
                          <dd><a href="//bbs.qyer.com/forum-2-1.html">结伴同游</a>
                            <a href="//bbs.qyer.com/forum-3-1.html">签证</a>
                            <a href="//bbs.qyer.com/forum-22-1.html">旅行摄影</a>
                            <a href="//bbs.qyer.com/forum-88-1.html">潜水俱乐部</a>
                            <a href="//bbs.qyer.com/forum-122-1.html">带孩子旅行</a>
                            <a href="//bbs.qyer.com/forum-33-1.html">自驾</a>
                          </dd>
                        </dl>
                        <dl class="section-item">
                          <dt>穷游欧洲</dt>
                          <dd><a href="//bbs.qyer.com/forum-14-1.html">法国/摩纳哥</a><a
                              href="//bbs.qyer.com/forum-12-1.html">德国</a><a
                              href="//bbs.qyer.com/forum-16-1.html">英国/爱尔兰</a><a
                              href="//bbs.qyer.com/forum-15-1.html">瑞士/列支敦士登</a><a d
                              href="//bbs.qyer.com/forum-162-1.html">土耳其</a><a
                              href="//bbs.qyer.com/forum-25-1.html">挪威/瑞典/芬兰/丹麦/冰岛</a><a
                              href="//bbs.qyer.com/forum-13-1.html">意大利/梵蒂冈/圣马力诺/马耳他</a></dd>
                        </dl>
                        <dl class="section-item">
                          <dt>穷游亚洲</dt>
                          <dd><a href="//bbs.qyer.com/forum-52-1.html">台湾</a>
                            <a href="//bbs.qyer.com/forum-57-1.html">日本</a>
                            <a href="//bbs.qyer.com/forum-106-1.html">泰国</a>
                            <a href="//bbs.qyer.com/forum-164-1.html">新加坡</a>
                            <a href="//bbs.qyer.com/forum-165-1.html">斯里兰卡</a>
                            <a href="//bbs.qyer.com/forum-163-1.html">香港/澳门</a>
                            <a href="//bbs.qyer.com/forum-108-1.html">马来西亚/文莱</a>
                            <a href="//bbs.qyer.com/forum-175-1.html">柬埔寨</a>
                            <a href="//bbs.qyer.com/forum-104-1.html">马尔代夫</a>
                            <a href="//bbs.qyer.com/forum-177-1.html">缅甸</a>
                            <a href="//bbs.qyer.com/forum-59-1.html">伊朗</a>
                            <a href="//bbs.qyer.com/forum-103-1.html">印度/孟加拉</a>
                          </dd>
                        </dl>
                        <dl class="section-item">
                          <dt>穷游美洲</dt>
                          <dd><a href="//bbs.qyer.com/forum-54-1.html">加拿大</a>
                            <a href="//bbs.qyer.com/forum-53-1.html">美国</a>
                            <a href="//bbs.qyer.com/forum-168-1.html">中美</a>
                            <a href="//bbs.qyer.com/forum-55-1.html">南美/南极</a>
                          </dd>
                        </dl>
                        <dl class="section-item">
                          <dt>穷游大洋洲</dt>
                          <dd><a href="//bbs.qyer.com/forum-56-1.html">澳大利亚</a>
                            <a href="//bbs.qyer.com/forum-83-1.html">新西兰</a>
                            <a href="//bbs.qyer.com/forum-178-1.html">太平洋海岛</a>
                          </dd>
                        </dl>
                        <dl class="section-item">
                          <dt>穷游非洲</dt>
                          <dd><a href="//bbs.qyer.com/forum-173-1.html">东非地区</a>
                            <a href="//bbs.qyer.com/forum-174-1.html">非洲海岛</a>
                            <a href="//bbs.qyer.com/forum-86-1.html">北非地区</a>
                            <a href="//bbs.qyer.com/forum-60-1.html">非洲其他国家</a>
                          </dd>
                        </dl>
                        <div></div>
    
                      </div>
                    </div>
                  </li>
                  <li class="nav-list-layer"><a href="./questions.html"><span>旅行问答</span>
                  </a> </li>
              <li class="nav-list-layer"><a href="./column.html"><span>旅行专栏</span>
    
                    </a>
    
                  </li>
                  <li class="nav-list-layer"><a href="//biu.qyer.com/"><span>旅行生活分享平台</span>
                      <!---->
                    </a>
                    <!---->
                  </li>
                  <li class="nav-list-layer"><a
                      href="https://qlab.taobao.com/index.htm?spm=2013.1.w5002-20955034123.2.67456028h2dyyo"><span>JNE旅行生活美学</span>
                      <!---->
                    </a>
                    <!---->
                  </li>
                  <li class="nav-list-layer"><a href="//bbs.qyer.com/forum-2-1.html"><span>Biu伴（原结伴同游）</span>
                      <!---->
                    </a>
                    <!---->
                  </li>
                  <li class="nav-list-layer"><a href="//rt.qyer.com/"><span>负责任的旅行</span>
                      <!---->
                    </a>
                    <!---->
                  </li>
                  <li class="nav-list-layer"><a href="//zt.qyer.com/"><span>特别策划</span>
                      <!---->
                    </a>
                    <!---->
                  </li>
                  <li class="nav-list-layer"><a href href="//www.qyer.com/video/"><span>旅行精选视频</span></a>
                    <!---->
                  </li>
                </ul>
              </div>
            </li>
            <li><a href="" class="nav-span">行程助手</a></li>
            <li class="list-layer list-shop"><a href="" class="nav-span">
                <span>商城</span>
                <i class="fa fa-angle-down"></i>
                <span class="line-flag">
                  <img src="./img/redflag.gif" alt="" class="flag-icon">
                  <i class="flag"></i>
                </span>
              </a>
              <!-- 商城tab切换 -->
              <div class="q-layer q-layer-nav q-layer-arrow arr1">
                <ul>
                  <li class="nav-list-layer"><a><span>机酒自由行</span></a></li>
                  <li class="nav-list-layer"><a><span>当地玩乐</span></a></li>
                  <li class="nav-list-layer"><a><span>签证</span></a></li>
                  <li class="nav-list-layer"><a><span>保险</span></a></li>
                  <li class="nav-list-layer"><a><span>租车自驾</span></a></li>
                  <li class="nav-list-layer"><a><span>邮轮</span></a></li>
                  <li class="nav-list-layer"><a><span>私人定制</span></a></li>
                  <li class="nav-list-layer"><a><span>欧洲铁路</span></a></li>
                </ul>
              </div>
            </li>
            <li class="list-layer list-hotel"><a href="" class="nav-span">
                <span style="margin-left: 40px;">酒店·民宿</span>
                <i class="fa fa-angle-down"></i>
              </a>
              <div class="q-layer q-layer-nav q-layer-arrow arr2" style="margin-left: 40px;">
                <ul>
                  <li class="nav-list-layer"><a><span>酒店</span></a></li>
                </ul>
              </div>
            </li>
            <li><a href="" class="nav-span">
                <span>特价酒店</span>
                <span class="line-flag">
                  <img src="./img/redflag2.png" alt="" class="flag-icon">
                  <i class="flag"></i>
                </span>
              </a></li>
          </ul>
        </div>
        <div class="header-right">
          <div class="nav-search">
            <div class="nav-ipt">
              <input type="text" class="txt-search">
              <button class="btn-search">
                <i class="fa fa-search"></i>
              </button>
            </div>
          </div>
          <span class="nav-cut">|</span>
          <div class="nav-user">
            <div class="login-wrap">
              <a href="https://passport.qyer.com/oauth?using=taobao&amp;ref=https%3A%2F%2Fwww.qyer.com%2F"
                class="important">
                <img src="./img/taobao1.png" alt=""></a>
              <a href="https://passport.qyer.com/oauth?using=qq&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                <i class="fa fa-qq"></i></a>
              <a href="https://passport.qyer.com/oauth?using=weixin&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                <i class="fa fa-wechat"></i></a>
              <a href="https://passport.qyer.com/oauth?using=weibo&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                <i class="fa fa-weibo"></i></a>
              <a href="https://passport.qyer.com/register/mobile?ref=https%3A%2F%2Fwww.qyer.com%2F"
                class="login-link">注册</a><a href="https://passport.qyer.com/login?ref=https%3A%2F%2Fwww.qyer.com%2F"
                class="login-link">登录</a>
            </div>
          </div>
        </div>
        </div>
      </nav>
      <div>
          <h1>旅行专栏</h1>
      </div>
    <script src="./jQuery/jquery-1.12.4.min.js"></script>
     <script>
        // 旅行论坛tab切换
        $(".list-discuss").mouseover(function () {
          $(".q-layer-section").css("display", "block")
        })
        $(".list-discuss").mouseout(function () {
          $(".q-layer-section").css("display", "none")
        })
        //社区tab切换
        $(".list-sns").mouseover(function () {
          $(".arr").css("display", "block")
        })
        $(".list-sns").mouseout(function () {
          $(".arr").css("display", "none")
        })
        //商城tab切换
        $(".list-shop").mouseover(function () {
          $(".arr1").css("display", "block")
        })
        $(".list-shop").mouseout(function () {
          $(".arr1").css("display", "none")
        })
        //酒店tab
        $(".list-hotel").mouseover(function () {
          $(".arr2").css("display", "block")
        })
        $(".list-hotel").mouseout(function () {
          $(".arr2").css("display", "none")
        })
    </script>
</body>
</html>